<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>品优购</title>
    <meta name="description" content=""/>
    <meta name="keywrods" content=""/>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/goods details.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./favicon.ico">
</head>
<body>
        <!-- 头部 -->
        <header>
            <!-- 快捷导航栏部分 -->
            <div class="shorcut clearfix">
                <div class="shorcut-left">
                    <a href="">品优购欢迎您！</a><a class="across" href="register.html">请登录</a><a class="across" href="register.html">免费注册</a><a href="index.html">友情链接</a>
                </div>
                <div class="shorcut-right clearfix">
                    <p class="order">我的订单
                    </p>
                    <span></span>
                    <p class="my">我的品优购
                        <i class="iconfont icon-xialasanjiao"></i>
                    </p>
                    <span></span>
                    <p class="members">品优购会员
                        <i class="iconfont icon-xialasanjiao"></i>
                    </p>
                    <span></span>
                    <p class=" procurement">企业采购
                        <i class="iconfont icon-xialasanjiao"></i>
                    </p>
                    <span></span>
                    <p class="attention">关注品优购
                        <i class="iconfont icon-xialasanjiao"></i>
                    </p>
                    <span></span>
                    <p class="custmer">客户服务
                        <i class="iconfont icon-xialasanjiao"></i>
                    </p>
                    <span></span>
                    <p class="navigation">网站导航
                        <i class="iconfont icon-xialasanjiao"></i>
                    </p>
                </div>
            </div>
    
            <!-- 头部区域 -->
            <div class="header-wrap ">
                <div class="logo">
                    <h1>
                        <img src="./images/icon.png" alt="品优购商城">
                        <a href="index.html"></a>
                    </h1>
                </div>
                
                <div class="search-wrap">
                    <div class="search">
                        <input type="search" placeholder="语言开发" >
                        <button>搜索</button>
                    </div>
                    <div class="hotwords">
                        <ul class="clearfix">
                            <li>优惠首发</li>
                            <li>亿元优惠</li>
                            <li>9.9团购</li>
                            <li>每满99减30</li>
                            <li>办公用品</li>
                            <li>电脑</li>
                            <li>通信</li>
                        </ul>
                    </div>
                </div>
                <div class="shopping-car">
                    <i class="iconfont icon-gouwucheman"></i>
                    <span>我的购物车</span>
                    <i class="iconfont icon-youjiantou"></i>
                </div>
            </div>
            <!-- 头部菜单栏 -->
            <div class="content-menu clearfix">
                <h2>品优秒杀</h2>
                <ul >
                    <li><a href="">服装城</a></li>
                    <li><a href="">美妆馆</a></li>
                    <li><a href="">传智超市</a></li>
                    <li><a href="">全球购</a></li>
                    <li><a href="">闪购</a></li>
                    <li><a href="">团购</a></li>
                    <li><a href="">拍卖</a></li>
                    <li><a href="">有趣</a></li>
                </ul>
            </div>
        </header>

        <div class="content-moudel">
            <h4>女鞋</h4>
            <div class="produce">
                <ul class="clearfix">
                    <li>
                        <img src="./upload/photo.png" alt="">
                        <p class="description">Apple苹果iPhone 6s Plus(A1699)32G 金色 移动联通电信4G</p>
                        <div class="price"> 
                            <h5><span>￥</span>6088</h5>
                            <span>￥6988</span>
                        </div>
                        <div class="sold">
                            已售87%
                            <p class="progress bar"></p>
                            剩余<span>29</span>件
                        </div>
                        <h2>立即抢购</h2>
                    </li>
                    <li>
                        <img src="./upload/photo.png" alt="">
                        <p class="description">Apple苹果iPhone 6s Plus(A1699)32G 金色 移动联通电信4G</p>
                        <div class="price"> 
                            <h5><span>￥</span>6088</h5>
                            <span>￥6988</span>
                        </div>
                        <div class="sold">
                            已售87%
                            <p class="progress bar"></p>
                            剩余<span>29</span>件
                        </div>
                        <h2>立即抢购</h2>
                    </li>
                    <li>
                        <img src="./upload/photo.png" alt="">
                        <p class="description">Apple苹果iPhone 6s Plus(A1699)32G 金色 移动联通电信4G</p>
                        <div class="price"> 
                            <h5><span>￥</span>6088</h5>
                            <span>￥6988</span>
                        </div>
                        <div class="sold">
                            已售87%
                            <p class="progress bar"></p>
                            剩余<span>29</span>件
                        </div>
                        <h2>立即抢购</h2>
                    </li>
                    <li>
                        <img src="./upload/photo.png" alt="">
                        <p class="description">Apple苹果iPhone 6s Plus(A1699)32G 金色 移动联通电信4G</p>
                        <div class="price"> 
                            <h5><span>￥</span>6088</h5>
                            <span>￥6988</span>
                        </div>
                        <div class="sold">
                            已售87%
                            <p class="progress bar"></p>
                            剩余<span>29</span>件
                        </div>
                        <h2>立即抢购</h2>
                    </li>
                </ul>
                <ul class="clearfix">
                    <li>
                        <img src="./upload/photo.png" alt="">
                        <p class="description">Apple苹果iPhone 6s Plus(A1699)32G 金色 移动联通电信4G</p>
                        <div class="price"> 
                            <h5><span>￥</span>6088</h5>
                            <span>￥6988</span>
                        </div>
                        <div class="sold">
                            已售87%
                            <p class="progress bar"></p>
                            剩余<span>29</span>件
                        </div>
                        <h2>立即抢购</h2>
                    </li>
                    <li>
                        <img src="./upload/photo.png" alt="">
                        <p class="description">Apple苹果iPhone 6s Plus(A1699)32G 金色 移动联通电信4G</p>
                        <div class="price"> 
                            <h5><span>￥</span>6088</h5>
                            <span>￥6988</span>
                        </div>
                        <div class="sold">
                            已售87%
                            <p class="progress bar"></p>
                            剩余<span>29</span>件
                        </div>
                        <h2>立即抢购</h2>
                    </li>
                    <li>
                        <img src="./upload/photo.png" alt="">
                        <p class="description">Apple苹果iPhone 6s Plus(A1699)32G 金色 移动联通电信4G</p>
                        <div class="price"> 
                            <h5><span>￥</span>6088</h5>
                            <span>￥6988</span>
                        </div>
                        <div class="sold">
                            已售87%
                            <p class="progress bar"></p>
                            剩余<span>29</span>件
                        </div>
                        <h2>立即抢购</h2>
                    </li>
                    <li>
                        <img src="./upload/photo.png" alt="">
                        <p class="description">Apple苹果iPhone 6s Plus(A1699)32G 金色 移动联通电信4G</p>
                        <div class="price"> 
                            <h5><span>￥</span>6088</h5>
                            <span>￥6988</span>
                        </div>
                        <div class="sold">
                            已售87%
                            <p class="progress bar"></p>
                            剩余<span>29</span>件
                        </div>
                        <h2>立即抢购</h2>
                    </li>
                </ul>
                <ul class="clearfix">
                    <li>
                        <img src="./upload/photo.png" alt="">
                        <p class="description">Apple苹果iPhone 6s Plus(A1699)32G 金色 移动联通电信4G</p>
                        <div class="price"> 
                            <h5><span>￥</span>6088</h5>
                            <span>￥6988</span>
                        </div>
                        <div class="sold">
                            已售87%
                            <p class="progress bar"></p>
                            剩余<span>29</span>件
                        </div>
                        <h2>立即抢购</h2>
                    </li>
                    <li>
                        <img src="./upload/photo.png" alt="">
                        <p class="description">Apple苹果iPhone 6s Plus(A1699)32G 金色 移动联通电信4G</p>
                        <div class="price"> 
                            <h5><span>￥</span>6088</h5>
                            <span>￥6988</span>
                        </div>
                        <div class="sold">
                            已售87%
                            <p class="progress bar"></p>
                            剩余<span>29</span>件
                        </div>
                        <h2>立即抢购</h2>
                    </li>
                    <li>
                        <img src="./upload/photo.png" alt="">
                        <p class="description">Apple苹果iPhone 6s Plus(A1699)32G 金色 移动联通电信4G</p>
                        <div class="price"> 
                            <h5><span>￥</span>6088</h5>
                            <span>￥6988</span>
                        </div>
                        <div class="sold">
                            已售87%
                            <p class="progress bar"></p>
                            剩余<span>29</span>件
                        </div>
                        <h2>立即抢购</h2>
                    </li>
                    <li>
                        <img src="./upload/photo.png" alt="">
                        <p class="description">Apple苹果iPhone 6s Plus(A1699)32G 金色 移动联通电信4G</p>
                        <div class="price"> 
                            <h5><span>￥</span>6088</h5>
                            <span>￥6988</span>
                        </div>
                        <div class="sold">
                            已售87%
                            <p class="progress bar"></p>
                            剩余<span>29</span>件
                        </div>
                        <h2>立即抢购</h2>
                    </li>
                </ul>
                <ul class="clearfix">
                    <li>
                        <img src="./upload/photo.png" alt="">
                        <p class="description">Apple苹果iPhone 6s Plus(A1699)32G 金色 移动联通电信4G</p>
                        <div class="price"> 
                            <h5><span>￥</span>6088</h5>
                            <span>￥6988</span>
                        </div>
                        <div class="sold">
                            已售87%
                            <p class="progress bar"></p>
                            剩余<span>29</span>件
                        </div>
                        <h2>立即抢购</h2>
                    </li>
                    <li>
                        <img src="./upload/photo.png" alt="">
                        <p class="description">Apple苹果iPhone 6s Plus(A1699)32G 金色 移动联通电信4G</p>
                        <div class="price"> 
                            <h5><span>￥</span>6088</h5>
                            <span>￥6988</span>
                        </div>
                        <div class="sold">
                            已售87%
                            <p class="progress bar"></p>
                            剩余<span>29</span>件
                        </div>
                        <h2>立即抢购</h2>
                    </li>
                    <li>
                        <img src="./upload/photo.png" alt="">
                        <p class="description">Apple苹果iPhone 6s Plus(A1699)32G 金色 移动联通电信4G</p>
                        <div class="price"> 
                            <h5><span>￥</span>6088</h5>
                            <span>￥6988</span>
                        </div>
                        <div class="sold">
                            已售87%
                            <p class="progress bar"></p>
                            剩余<span>29</span>件
                        </div>
                        <h2>立即抢购</h2>
                    </li>
                    <li>
                        <img src="./upload/photo.png" alt="">
                        <p class="description">Apple苹果iPhone 6s Plus(A1699)32G 金色 移动联通电信4G</p>
                        <div class="price"> 
                            <h5><span>￥</span>6088</h5>
                            <span>￥6988</span>
                        </div>
                        <div class="sold">
                            已售87%
                            <p class="progress bar"></p>
                            剩余<span>29</span>件
                        </div>
                        <h2>立即抢购</h2>
                    </li>
                </ul>
            </div>
        </div>

            <!-- 底部 -->
    <footer>
        <div class="footer-service">
            <ul class="clearfix">
                <li class="clearfix">
                    <div class="bgimg-1"></div>
                    <h4>正品保障</h4>
                    <p>正品保障，提供发票</p>
                </li>
                <li>
                    <div class="bgimg-2"></div>
                    <h4>正品保障</h4>
                    <p>正品保障，提供发票</p>
                </li>
                <li>
                    <div class="bgimg-3"></div>
                    <h4>正品保障</h4>
                    <p>正品保障，提供发票</p>
                </li>
                <li>
                    <div class="bgimg-4"></div>
                    <h4>正品保障</h4>
                    <p>正品保障，提供发票</p>
                </li>
                <li>
                    <div class="bgimg-5"></div>
                    <h4>正品保障</h4>
                    <p>正品保障，提供发票</p>
                </li>
            </ul>
        </div>
        <div class="footer-help clearfix">
            <div class="help-left">
                <ul>
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>会员介绍</dd>
                    <dd>生活旅行/团购</dd>
                    <dd>常见问题</dd>
                    <dd>大家电</dd>
                    <dd>联系客服</dd>
                </ul>
                <ul>
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>会员介绍</dd>
                    <dd>生活旅行/团购</dd>
                    <dd>常见问题</dd>
                    <dd>大家电</dd>
                    <dd>联系客服</dd>
                </ul>
                <ul>
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>会员介绍</dd>
                    <dd>生活旅行/团购</dd>
                    <dd>常见问题</dd>
                    <dd>大家电</dd>
                    <dd>联系客服</dd>
                </ul>
                <ul>
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>会员介绍</dd>
                    <dd>生活旅行/团购</dd>
                    <dd>常见问题</dd>
                    <dd>大家电</dd>
                    <dd>联系客服</dd>
                </ul>
                <ul>
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>会员介绍</dd>
                    <dd>生活旅行/团购</dd>
                    <dd>常见问题</dd>
                    <dd>大家电</dd>
                    <dd>联系客服</dd>
                </ul>
            </div>
            <div class="help-right">
                <h3>帮助中心</h3>
                <a href=""></a>
                <p>品优购客户端</p>
            </div>
        </div>
        <div class="footer-copyright">
            <div class="friend">
                <ul>
                    <li>
                        <a href="">关于我们</a>
                        |
                    </li>
                    <li>
                        <a href="">联系我们</a>
                        |
                    </li>
                    <li>
                        <a href="">联系客服</a>
                        |
                    </li>
                    <li>
                        <a href="">商家入驻</a>
                        |
                    </li>
                    <li>
                        <a href="">营销中心</a>
                        |
                    </li>
                    <li>
                        <a href="">手机品优购</a>
                        |
                    </li>
                    <li>
                        <a href="">友情链接</a>
                        |
                    </li>
                    <li>
                        <a href="">销售联盟</a>
                        |
                    </li>
                    <li>
                        <a href="">品优购社区</a>
                        |
                    </li>
                    <li>
                        <a href="">品优购公益</a>
                        |
                    </li>
                    <li>
                        <a href="">English Site</a>
                        |
                    </li>
                    <li>
                        <a href="">Contact U</a>
                    </li>
                </ul>
            </div>
            <div class="address">
                <p>地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn</p>
                <a href="">京ICP备08001424号公网安备110108007702</a>
            </div>
        </div>
    </footer>
</body>
</html>